<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>类别</title>
	<link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
	<link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/category/category.css" />
</head>

<body>
	<div class="search_index clearfix">
		<img src="../../../public/static/v1/img/index/code-hei@2x.png" class="l two_code" />
		<input type="text" name="search" id="search_yl" value="" class="l" placeholder="亿乐购物吧给你想要的" />
		<img src="../../../public/static/v1/img/index/message-hei@2x.png" class="l message_num" />
	</div>
	<!--中间  -->
	<div class="mui-col-xs-12">
		<div class="mui-content mui-row mui-fullscreen">
			<div class="mui-col-xs-3">
				<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
					<a href="" class="mui-control-item mui-active" data-index="content0" href='#content1'>推荐</a>
					<a href="" class="mui-control-item" data-index="content1" href='#content2'>家居</a>
					<a href="" class="mui-control-item" data-index="content2" href='#content3'>餐厅厨房</a>
					<a href="" class="mui-control-item" data-index="content3" href='#content4'>配件</a>
					<a href="" class="mui-control-item" data-index="content4" href='#content5'>服装</a>
					<a href="" class="mui-control-item" data-index="content5" href='#content6'>洗护用品</a>
					<a href="" class="mui-control-item" data-index="content6" href='#content7'>婴童用品</a>
					<a href="" class="mui-control-item" data-index="content7" href='#content8'>杂货</a>
					<a href="" class="mui-control-item" data-index="content8" href='#content9'>食品分类</a>
				</div>
			</div>
			<div id="segmentedControlContents" class="mui-col-xs-9" >
				<div id="content0" class="mui-control-content active">
					<p class="content1_p1"><img src="../../../public/static/v1/img/category/banner@2x.png" alt=""></p>
					<p class="content1_p2"><b></b>专场推荐<b></b></p>
					<div class="mui-content mui-row mgb30">
						<div class="mui-col-xs-4">
							<p><img src="../../../public/static/v1/img/category/1@2x.png" alt=""></p>
							<p>美食专场</p>
						</div>
						<div class="mui-col-xs-4">
							<p><img src="../../../public/static/v1/img/category/2@2x.png" alt=""></p>
							<p>美妆专场</p>
						</div>
						<div class="mui-col-xs-4">
							<p><img src="../../../public/static/v1/img/category/3@2x.png" alt=""></p>
							<p>科技专场</p>
						</div>
					</div>
					<div class="mui-content mui-row">
						<div class="mui-col-xs-4">
							<p><img src="../../../public/static/v1/img/category/4@2x.png" alt=""></p>
							<p>包类专场</p>
						</div>
						<div class="mui-col-xs-4">
							<p><img src="../../../public/static/v1/img/category/5@2x.png" alt=""></p>
							<p>美妆专场</p>
						</div>
						<div class="mui-col-xs-4">
							<p></p>
							<p></p>
						</div>
					</div>
				</div>
				<div id="content1" class="mui-control-content">2</div>
				<div id="content2" class="mui-control-content">2</div>
				<div id="content3" class="mui-control-content">3</div>
				<div id="content4" class="mui-control-content">4</div>
				<div id="content5" class="mui-control-content">5</div>
				<div id="content6" class="mui-control-content">6</div>
				<div id="content7" class="mui-control-content">7</div>
				<div id="content8" class="mui-control-content">8</div>
			</div>
		</div>
	</div>
	<!--底部-->
	<nav class="mui-bar mui-bar-tab" id="footer">
		<a class="mui-tab-item index">
				<img src="../../../public/static/commen/img/tabar_notselected1@2x.png"/>
				<span class="mui-tab-label">首页</span>
			</a>
		<a class="mui-tab-item category">
				<img src="../../../public/static/commen/img/tabar_selected2@2x.png"/>
				<span class="mui-tab-label">类别</span>
			</a>
		<a class="mui-tab-item nearby">
				<img src="../../../public/static/commen/img/tabar_notselected3@2x.png"/>
				<span class="mui-tab-label">附近</span>
			</a>
		<a class="mui-tab-item shopping_center">
				<img src="../../../public/static/commen/img/tabar_notselected4@2x.png"/>
				<span class="mui-tab-label ">购物车</span>
			</a>
		<a class="mui-tab-item personal_card">
				<img src="../../../public/static/commen/img/tabar_notselected5@2x.png"/>
				<span class="mui-tab-label">我的</span>
			</a>
	</nav>
</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<script src="../../../public/static/commen/js/footer/commen_footer.js"></script>
<script src="../../../public/static/v1/js/category/category.js"></script>